<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/2buycar.css">

    <script src="../js/lib/jquery-1.12.3.min.js"></script>
    <script src="../js/lib/layer-v3.1.1/layer.js"></script>


    <script src="../js/buycar.js"></script>

</head>
<body>
    <header>
        <!--头部-->
        <div class="header wrap clear">
            <div class="headerleft clear">
                <a href="#">
                    <img alt="梦芭莎全球时尚女性购物平台" src="../image/imgbuycar/logo.jpg">
                </a>
            </div>
            <div class="headerright clear">
                <div class="headerrt clear">
                    <p><span>9年品质保证</span><span>7天无条件退换货</span></p>
                    <ul class="clear">
                        <li class="welcom">欢迎光临梦芭莎</li>
                        <li><a href="#">登陆</a></li>
                        <li><a href="#">注册</a></li>
                        <li><a href="#">帮助中心</a></li>
                        <li><a href="#">微信</a></li>
                        <li><a href="#">手机版</a></li>
                    </ul>
                </div>
                <div class="headerrb clear">
                    <div class="clear headerbb">
                        <span>我的购物车></span>
                        <span>填写订单信息></span>
                        <span>订单提交成功></span>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <section id="section">
        <div class="section wrap">
            <div class="tssection clear">
                <div class="clear"><img src="../image/imgbuycar/1.jpg"></div>
                <div class="clear">
                    <p>您的购物车还没有商品,您可以:</p>
                    <p>1,如果您还未登录,可能导致购物车为空,请<a href="#">登陆</a></p>
                    <p>2,<a href="#">立即选购商品>></a></p>
                </div>
            </div>
            <table>
                <thead>
                    <!--<th><input type="checkbox" checked>全部</th>-->
                    <th>商品图片</th>
                    <th>商品名称</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>金额小计</th>
                    <th>操作</th>
                </thead>
                <tbody class="tab">

                </tbody>
            </table>
            <p class="zjp"><b>结算:</b><span>0</span></p>
        </div>
    </section>
    <section id="rexiao">
        <div class="rexiao wrap">
            <p>热销商品</p>
            <ul>
                <li>
                    <a href="#">
                        <img src="../image/imgbuycar/182017312-014-01-L.jpg">
                    </a>
                    <a>梦芭莎欧美时尚宽松款</a>
                    <span>$99</span>
                    <p>
                        <button>加入购物车</button>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/imgbuycar/437317306-009-01-L.jpg">
                    </a>
                    <a>梦芭莎欧美时尚宽松款</a>
                    <span>$99</span>
                    <p>
                        <button>加入购物车</button>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/imgbuycar/462017314-070-01-L.jpg">
                    </a>
                    <a>梦芭莎欧美时尚宽松款</a>
                    <span>$99</span>
                    <p>
                        <button>加入购物车</button>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/imgbuycar/467217303-009-01-L.jpg">
                    </a>
                    <a>梦芭莎欧美时尚宽松款</a>
                    <span>$99</span>
                    <p>
                        <button>加入购物车</button>
                    </p>
                </li>
            </ul>
           <div>
               <button> <a href="#">换一组</a></button>
           </div>
        </div>
    </section>
    <section id="scsp">
        <div class="scsp wrap">
            <p>最近收藏的商品</p>
            <div class="wrap scspdiv">

            </div>
        </div>
    </section>



    <!--最底部-->
    <footer>
        <div class="topfooter">
            <div class="wrap clear tfooter">
                <div class="tfl clear">
                    <ul class="tfulo clear">
                        <li>
                            <ul class="tfult">
                                <li>
                                    <a href="#">新手指南</a>
                                </li>
                                <li>
                                    <a href="#">注册新用户</a>
                                </li>
                                <li>
                                    <a href="#">如何订购</a>
                                </li>
                                <li>
                                    <a href="#">如何修改订单</a>
                                </li>
                                <li>
                                    <a href="#">尺码对照表</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="tfult">
                                <li>
                                    <a href="#">支付方式</a>
                                </li>
                                <li>
                                    <a href="#">支付方式</a>
                                </li>
                                <li>
                                    <a href="#">账户提现及退款时效</a>
                                </li>
                                <li>
                                    <a href="#">查看账户余额</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="tfult">
                                <li>
                                    <a href="#">配送方式</a>
                                </li>
                                <li>
                                    <a href="#">配送费收取标准</a>
                                </li>
                                <li>
                                    <a href="#">配送范围及配送时效</a>
                                </li>
                                <li>
                                    <a href="#">签收注意事项</a>
                                </li>
                                <li>
                                    <a href="#">海外订购</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="tfult">
                                <li>
                                    <a href="#">退换货服务</a>
                                </li>
                                <li>
                                    <a href="#">退换货政策</a>
                                </li>
                                <li>
                                    <a href="#">退换货流程</a>
                                </li>
                                <li>
                                    <a href="#">隐私声明</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="tfult">
                                <li>
                                    <a href="#">会员制度及优惠</a>
                                </li>
                                <li>
                                    <a href="#">优惠活动</a>
                                </li>
                                <li>
                                    <a href="#">VIP优惠尊享</a>
                                </li>
                                <li>
                                    <a href="#">大宗购物</a>
                                </li>
                                <li>
                                    <a href="#">积分制度</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="tfult">
                                <li>
                                    <a href="#">帮助中心</a>
                                </li>
                                <li>
                                    <a href="#">忘记密码</a>
                                </li>
                                <li>
                                    <a href="#">常见问题</a>
                                </li>
                                <li>
                                    <a href="#">在线客服</a>
                                </li>
                                <li>
                                    <a href="#">联系我们</a>
                                </li>
                                <li>
                                    <a href="#">转向平台</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="tfult">
                                <li>
                                    <a href="#">咨询订购</a>
                                </li>
                                <li>
                                    <a href="#">83488888</a>
                                </li>
                                <li>
                                    <a href="#">客户服务</a>
                                </li>
                                <li>
                                    <a href="#">9823423</a>
                                </li>
                                <li>
                                    <a href="#">服务热线</a>
                                </li>
                                <li>
                                    <a href="#">83858899</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="tfr clear">
                    <img src="../image/M4_14_150441.png">
                </div>
            </div>
        </div>

        <div class="centerfooter wrap">
            <ul class="clear cful">
                <li><img src="../image/mbs_img_1.jpg"></li>
                <li><img src="../image/mbs_img_1.jpg"></li>
                <li><img src="../image/mbs_img_1.jpg"></li>
            </ul>
        </div>
        <div class="bottomfooter wrap">
            <ul class="clear bful">
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">旗下品牌</a>
                </li>
                <li>
                    <a href="#">零售店址</a>
                </li>
                <li>
                    <a href="#">梦芭莎网盟</a>
                </li>
                <li>
                    <a href="#">网址代理</a>
                </li>
                <li>
                    <a href="#">网站地图</a>
                </li>
                <li>
                    <a href="#">友情链接</a>
                </li>
            </ul>
            <p>Copyright © 2010-2019 梦芭莎官方网站，s
                <a href="#">广州摩拉网络科技有限公司</a>
                All Rights Reserved 粤B2-20080069号 粤公网安备44010302000075
            </p>
        </div>
    </footer>

</body>
</html>